Кейс "Лидер-А"

Основные цели создания сайта — предоставление клиентам удобного механизма доступа к информационным продуктам, повышение узнаваемости бренда и упрощение взаимодействия с онлайн-ресурсом

На рынке российского образования бизнес-тренеров нет официального законодательства который позволяет аккредитовывать бизнес-тренеров. Лидер-А уникальна тем, что она аккредитована в Германии и имеет полное право на обучение и предоставление своим студентам сертификатов международного образца

1. Разработать брендовый сайт компании по предоставленному брендбуку

2. Описать основные цели и задачи компании

3. Вписать в сайт программу курсов и стоимость

4. Разработать актуальное и доступное расписание мероприятий Лидера-А

5. Передать все регалии преподавателей школы

6. Технически разработать сайт

Исследование включило в себя несколько этапов: определение целей и задач; анализ конкурентов, в том числе изучение сайтов других компаний в данной сфере, выявление их сильных и слабых сторон; изучение целевой аудитории и разработка прототипа сайта

рисунок - первичное исследование

Я исследовала более 45 конкурентом компании исходя из прямых и косвенных конкурентов. Данный анализ показал, что у большинства сайтов, даже при их весе во "внутренней кухни" и уровню доверия, большинство компаний не отражали свои конкурентные преимущества и лишьнекоторые из них имели свой уникальный стиль, чем могли запомниться потенциальным покупателям.

Данные преимущества. недостатки и сильные и слабые стороны рассматривались со стороны сайтов конкурентов и помогали выстроить стратегию сильных и слабых сторон, что стоит включить в проектирование сайта. а от чего отказаться.

Вместе с копирайтером был разработан конструктор офферов для А/В тестирования на HERO-экране сайта. Для этого были выписаны все офферы конкурентов и по 18 критериям разработаны собственные офферы

рисунок - конструктор офферов

На основе анализа была разработана текстовая структура сайта, которая передавала бы все сильные стороны компании и раскрывала ее деятельность

рисунок - текстовая структура

На момент разработки сайта заказчик выразил свои сомнения по поводу СТА, он не совсем понимал какие формы связи с клиентами уместны и какие стоит включать. Поэтому дополнительно по первым 20 основным конкурентам я сделала сводную таблицу какие СТА присутствуют на их сайтах. И за счет этого было принято решения какие СТА включать на сайт Лидера-А

Рисунок - ключевое действие конкурентов

Было важно уделить внимание удобству использования сайта, чтобы пользователи могли легко находить нужную информацию. Для разработки визуального стиля был предоставлен брендбук и дополнительно разработан стиль для веб-продукции

Рисунок - ui-kit

Основными акцентными цветами стали оттенки, представленные на изображении. Наибольший акцент сделан на фиолетовом, чтобы выделиться среди конкурентов, которые преимущественно используют белый фон. Для удобства восприятия информации применены элементы бенто-дизайна, а ключевые данные о компании 'Лидер-А' размещены на белом фоне для лучшей читаемости

рисунок - акцентные цвета

Jсновным шрифтом на сайте выбран 'Jost' — фирменный шрифт компании. Однако я заметила существенные недостатки, связанные с его адаптацией под кириллицу, которая оставляла желать лучшего. В результате 'Jost' был использован только для акцентных элементов и заголовков, а для основного текста, требующего удобочитаемости, я выбрала 'Inter'

Рисунок - шрифт

Результаты конкурентного анализа использованы для создания мудбордов, обеспечивших основу для разработки визуальных решений и UI-элементов.

рисунок - мудборды

Для компании был создан брендбук, объединивший иллюстративные элементы, фирменные печати и принты, которые легли в основу дизайна пользовательского интерфейса сайта.

рисунок - элементы брендинга (авторство не мое)

Была создана структура и карта сайта, послужившие основой для разработки low-fi прототипов. Они помогли утвердить существующий контент, оценить его размещение и выявить пробелы для последующего дополнения

рисунок - карта сайта

На основе всех предыдущих этапов был создан концепт дизайна, который заказчик одобрил с первого раза, за исключением небольших корректировок. На его базе разработан адаптивный дизайн для мобильных устройств, обеспечивающий удобство использования на любых экранах

Рисунок - дизайн сайта

Дополнительно для клиента был разработан roll-up, чтобы компания могла поддерживать свой фирменный стиль не только на сайте, но и использовать его на мероприятиях в качестве рекламного материала

рисунок - фотография roll-up с мастермайнда компании

Также для компании был разработан единый визуальный стиль для социальных сетей, который отражает корпоративную идентичность и гармонично дополняет остальные каналы коммуникации

рисунок - социальные сети

В рамках проекта были решены несколько ключевых задач: разработка брендового сайта по предоставленному брендбуку, описание основных целей компании, включение информации о курсах, ценах и расписании мероприятий, а также передача регалий преподавателей. Кроме того, был реализован технический аспект разработки сайта.
Процесс разработки включал несколько этапов, включая UX-исследование, конкурентный анализ и создание прототипов. Для обеспечения конкурентных преимуществ был проведен SWOT-анализ и разработан конструктор офферов для A/B тестирования на главной странице сайта. Визуальная структура сайта была создана на основе анализа целевой аудитории, а UI-дизайн был выполнен с учетом удобства и простоты использования.
В результате компания получила функциональный и современный сайт, который не только отражает ее уникальные качества и конкурентные преимущества, но и эффективно выполняет свои задачи в области маркетинга и взаимодействия с клиентами.

Лидер-А на беханс (кейс на английском языке)

Лидер-А на дипрофайл (кейс на русском языке)